<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./dist/css/items.css">

</head>
<script src="./js/js-items/items.js"></script>

<body>
    <!-- 导航栏 -->
    <div class="nav">
        <div class="nav_wrap w">
            <!-- 选择国家站点 -->
            <dl class="fl changesite">
                <dt><a href="#">中国站</a></dt>
                <dd></dd>
            </dl>
            <!-- 选择国家货币 -->
            <dl class="fl changecurrency">
                <dt><a href="#">USD</a></dt>
                <dd></dd>
            </dl>
            <!-- 通知栏信息 -->
            <dl class="fl ">
                <dt>点击查看详情</dt>
                <dd></dd>
            </dl>
            <!-- 右侧信息 -->
            <ul class="fr nav_wrap_r">

                <li class="fl"><a href="">入门指引</a></li>
                <li class="fl"><a href="">常见问题</a></li>
                <li class="fl"><a href="">Shopify一件代发</a></li>
                <li class="fl"><a href="">提交Tickets</a></li>
                <li class="fl"><a href="">成为供应商</a></li>
                <li class="fl"><a href="">API文档</a></li>
                <li class="fl"><a href="">移动端</a></li>
            </ul>
        </div>
    </div>
    <!-- 头部搜索栏 -->
    <div class="top_search">
        <div class="top_search_wrap w">
            <!-- logo -->
            <div class="logo fl">
                <a href=""><img src="images/logo.png" alt=""></a>
            </div>
            <!-- 搜索框 -->
            <div class="top_search_form fl">
                <form action="">
                    <div class="top_search_form_l fl">
                        <div class="sel1">所有分类</div>
                        <ul>
                            <li><a href="">所有分类</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                            <li><a href="">热销产品</a></li>
                        </ul>
                    </div>
                    <input type="text" placeholder="48小时内快速发货" class="fl">
                    <button type="submit"></button>
                </form>
            </div>
            <!-- 登录和购物车 -->
            <div class="user_cart fr">
                <div class="user_wrap fl">
                    <a href=""></a>
                    <p><a href="">登录</a></p>
                    <p><a href="">我的账户</a></p>
                </div>
                <a href="" class="cart_wrap fl">
                    <p>0</p>
                    <p>购物车</p>
                </a>
            </div>
        </div>
    </div>
    <!-- 头部导航栏 -->
    <div class="top_nav">
        <div class="top_nav_wrap w">
            <div class="all_category fl">
                <a href="">所有分类</a>
            </div>
            <ul class="fl mod_nav">
                <li><a href="">新品</a></li>
                <li><a href="">热卖</a></li>
                <li><a href="">清仓</a></li>
                <li><a href="">促销</a></li>
                <li><a href="">分销直上</a></li>
                <li><a href="">海外直发</a></li>
            </ul>
        </div>
    </div>
    <!-- 中间部分 -->
    <div class="main_wrap w">
        <!-- 路径部分 -->
        <div class="path">
            <a href="">首页</a> -
            <a href="">平板/平板配件</a> -
            <a href="">平板</a> -
            <a href="">安卓系统平板</a>
        </div>
        <!-- 产品部分 -->
        <div class="goods_page">
            <!-- 产品左部放大镜需渲染 -->
            <div class="goods_left">
                <div class="goods_gallery mbox">
                    <img src="./images/items-img-1-b.jpg" alt="">
                    <span></span>
                </div>
                <div class="goods_gallery_b bbox">
                    <img src="./images/items-img-1-b.jpg" alt="">
                </div>
                <ul class="goods_gallery_s">
                    <li><img src="./images/item-img-1.jpg" alt=""></li>
                    <li><img src="./images/item-img-2.jpg" alt=""></li>
                    <li><img src="./images/item-img-1.jpg" alt=""></li>
                    <li><img src="./images/item-img-3.jpg" alt=""></li>

                </ul>
            </div>
            <!-- 产品右部产品信息需渲染 -->
            <div class="goods_right">
                <div class="goods_info_tit">
                    <div class="goods_info_tit_icon fl">
                        <a href="">CB自营</a>
                    </div>
                    <h3 class="goods_info_tit_eng">
                        Teclast F7 Plus Notebook 14.1 inch Windows 10 Home Version Intel Gemini Lake N4100 Quad Core 1.1GHz 8GB RAM 256GB SSD HDMI 2.0MP
                    </h3>
                </div>
                <h1 class="title_cn">
                    严禁保存同款 Teclast F7 Plus笔记本14.1 inch Windows 10 家庭版Intel Gemini Lake N4100 四核1.1GHz 8GB RAM 256GB SSD HDMI 2.0MP摄像
                </h1>
                <div class="change_tab">
                    <p class="">一件代发</p>
                </div>
                <ul class="property_wrap">
                    <li>
                        <span class="price_t">价&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp格：</span>
                        <div class="price">
                            <span>$ 336.15</span>
                        </div>
                        <div class="clearance_num">
                            <span>采购数量：</span>一件以上
                        </div>
                    </li>
                </ul>
                <p class="base_info">
                    <span>SKU: 406703703</span>
                    <span>上架时间:12/27/2019</span>
                    <span>下载次数:84</span>
                    <span>产品状态:正常 </span>
                </p>
                <div class="detail_info">
                    <div class="detail_info_top">
                        <div class="detail_info_wrap">
                            <div class="property-name">
                                销售限制：
                            </div>
                            <a href="">
                                查看详情
                            </a>
                        </div>
                    </div>
                    <div class="detail_info_bot">
                        <div class="property clearfix">
                            <span class="property-name">产品运输属性:</span>
                            <span class="detail_info_t">内置锂离子967
                            </span>
                        </div>
                        <div class="property clearfix">
                            <div class="property-name property-color">Color:</div>
                            <ul class="color">
                                <li class="fl">red</li>
                            </ul>
                        </div>
                        <div class="property clearfix">
                            <div class="property-name ">Size:</div>
                            <ul class="attr-ul clearfix js-attr-list" data-type="Size">
                                <li>
                                    <a href="javascript:;" title="8GB+128GB" class="attr" data-url="" data-value="8GB+128GB">8GB+128GB</a>
                                </li>
                                <li>
                                    <a href="">8GB+256GB</a>
                                </li>
                            </ul>
                        </div>
                        <div class="property clearfix">
                            <div class="property-name property-warehouse">仓库:</div>
                            <span>11</span>
                        </div>
                        <div class="property clearfix">
                            <div class="property-name">运费预估:</div>
                            <div id="shippingDet">
                                <span> <span class="my_shop_price red fb j_shippingFee" data-orgp="76.46" data-ycurrency="$">$ 76.46</span> 由
                                <span class="light-blue">
                                    HK-2 
                                </span>仓库运送至
                                <span class="light-blue j_showDialog j_selsectCountry">UNITED STATES</span>物流方式 <span class="light-blue more-sign j_showDialog j_shippingName" data-id="469">AliExpress Standard Shipping Registered3/无忧物流(标准大包)【香港仓】</span>
                                <i class="after j_showDialog"></i>
                                </span>

                            </div>
                        </div>
                        <div class="property clearfix">
                            <div class="property-name property-qty">采购数量</div>
                            <div class="property-qty">
                                <a href="" class="minus"></a>
                                <input type="text" value="1">
                                <a href="" class="add"></a>
                            </div>
                        </div>
                        <div class="addcartwrap clearfix">
                            <button>添加至购物车</button>
                            <button>加入下载清单</button>
                            <button>产品刊登</button>
                            <button>下载资料包</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- dropshipping的banner部分 -->
            <a href="" class="dropshipping_banner">
                <img src="../www/images/itemdroshippingbanner.jpg" alt="">
            </a>
            <!-- 产品详情页 -->
            <div class="goods_detail">
                <p>产品信息</p>
            </div>
        </div>
    </div>
    <!-- 底部帮助区域 -->
    <div class="footer_help">
        <div class="footer_help_wrap w">
            <dl>
                <dt>公司信息</dt>
                <dd><a href="">关于Chinabrands</a></dd>
                <dd><a href="">平台优势</a></dd>
                <dd><a href="">服务条款</a></dd>
                <dd><a href="">隐私政策</a></dd>
                <dd><a href="">法律声明</a></dd>
                <dd><a href="">售后服务</a></dd>
            </dl>
            <dl>
                <dt>公司信息</dt>
                <dd><a href="">关于Chinabrands</a></dd>
                <dd><a href="">平台优势</a></dd>
                <dd><a href="">服务条款</a></dd>
                <dd><a href="">隐私政策</a></dd>
                <dd><a href="">法律声明</a></dd>
                <dd><a href="">售后服务</a></dd>
            </dl>
            <dl>
                <dt>公司信息</dt>
                <dd><a href="">关于Chinabrands</a></dd>
                <dd><a href="">平台优势</a></dd>
                <dd><a href="">服务条款</a></dd>
                <dd><a href="">隐私政策</a></dd>
                <dd><a href="">法律声明</a></dd>
                <dd><a href="">售后服务</a></dd>
            </dl>
            <div class="joinus fl">
                <p>开创您的事业，与Chinabrands共享成功！</p>
                <div class="register"><a href="">免费注册</a></div>
                <div class="share">
                    <a class="wx" href=""></a>
                    <a class="wb" href=""></a>
                    <a class="ly" href=""></a>
                    <a class="tt" href=""></a>
                    <a class="zh" href=""></a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部区域 -->
    <div class="footer">
        <div class="footer_wrap w">
            <div class="footer_wrap_top">
                <img src="images/支付方式.png" alt="">
            </div>
            <div class="footer_wrap_middle">
                <span class="fl">友情链接:</span>
                <div class="friendly_link fl">
                    <a class="fl" href="https://www.chinabrands.cn/dropshipping/" target="_blank">跨境电商教程</a>
                    <a class="fl" href="http://www.lida-logistics.com" rel="nofollow" target="_blank">物流商平台</a>
                    <a class="fl" href="https://www.gw-ec.com/" target="_blank">供应商平台</a>
                    <a class="fl" href="https://mjzj.com/" target="_blank">卖家之家</a>
                    <a class="fl" href="https://www.gkzhan.com/" target="_blank">物联网</a>
                    <a class="fl" href="http://www.gougoujp.com/" target="_blank">日本亚马逊</a>
                    <a class="fl" href="https://www.deppre.cn/" target="_blank">工业品</a>
                    <a class="fl" href="http://product.11467.com/" target="_blank">114黄页</a>
                    <a class="fl" href="https://www.ikjzd.com/" target="_blank">跨境知道</a>
                    <a class="fl" href="http://www.wanguan.com/" target="_blank">五金机电网</a>
                    <a class="fl" href="https://www.zswxy.cn/" target="_blank">品牌排行榜</a>
                    <a class="fl" href="http://www.amz123.com/forum-1.htm" rel="nofollow" target="_blank">跨境头条</a>
                    <a class="fl" href="http://www.amz123.com" rel="nofollow" target="_blank">AMZ123</a>
                    <a class="fl" href="https://www.haole.com/edu/" rel="nofollow" target="_blank">水晶蜜蜡知识</a>
                    <a class="fl" href="https://www.jia.com/chengdu/" target="_blank">成都装修</a>
                    <a class="fl" href="http://cms.zocai.com/" target="_blank">钻戒</a>
                    <a class="fl" href="https://www.cifnews.com/platform" target="_blank">跨境招商开店</a>
                    <a class="fl" href="https://www.qufair.com/" target="_blank">展会信息平台</a>
                    <a class="fl" href="http://www.eastsoo.com/" target="_blank">东方供应商</a>
                    <a class="fl" href="http://fuwu.huangye88.com/" target="_blank">商务服务网</a>
                    <a class="fl" href="http://fuzhuang.jiameng.com/" target="_blank">服装代理</a>
                    <a class="fl" href="http://www.dehsm.com/" target="_blank">劳保用品</a>
                    <a class="fl" href="http://www.chinatimber.org/" target="_blank">木材网</a>
                    <a class="fl" href="https://www.yuntianxia.com/" target="_blank">网站建设</a>
                    <a class="fl" href="https://www.ejm.com.cn/" target="_blank">加盟连锁</a>
                    <a class="fl" href="http://jm.f600.cn/" target="_blank">品牌加盟网</a>
                    <a class="fl" href="https://www.showguide.cn/" target="_blank">国际展会</a>
                    <a class="fl" href="https://www.zhjiameng.com/" target="_blank">品牌加盟网</a>

                </div>
            </div>
            <div class="footer_wrap_bottom">
                <p> Copyright © 2011- 2021 Chinabrands.cn. All Rights Reserved. </p>
            </div>
        </div>
    </div>
</body>

</html>